<!-- 视图点位 -->

<template>
  <div :class="pointClass" :style="pointStyle" @mouseenter="mouseEnter" @mouseleave="mouseLeave">
    <div class="Secure-MapView-point-icon" :style="iconStyle" @click.stop="toEdit">
      <CommonSvg class="flexCC" :style="`background: ${iconColor}`" :src="CORE.imageIOT(obj)" @click="toEdit" />
    </div>

    <div class="Secure-MapView-point-panel">
      <div>{{ obj.deviceName }}</div>
      <div>{{ obj.areaName }}</div>
      <div v-if="obj.ipAddress">{{ obj.ipAddress }}</div>
      <span class="DangerColor" @click.stop="toDel">删除</span>
    </div>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import ViewPoint from '@admin/views/Secure/mixMap/MapView/ViewPoint'

// ============================== 导出组件 ============================== //

export default CORE.extend(ViewPoint)
</script>
